<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>pinSpike</title>
    <link rel="shortcut icon" type="image/x-icon" th:href= "@{/static/img/timg.jpg}">
    <link rel="stylesheet" th:href="@{/static/css/TandC.css}">
    <link rel="stylesheet" th:href="@{/static/css/likeFooter.css}">
    <link rel="stylesheet" th:href="@{static/css/brandSpike.css}">
    <link rel="stylesheet" th:href="@{/static/css/pinSpike.css}">
</head>
<body>

<!--顶部+搜索+侧边-->
<div th:include="like/likeHead :: common"></div>
<!--秒杀标题栏-->
<div class="v-menu">
    <div class="br-menu-content">
        <ul>
            <li><a th:href="@{/vaultSpike}">金库秒杀</a></li>
            <li><a th:href="@{/pinSpikeController}">品牌秒杀</a></li>
        </ul>
    </div>
</div>
<!--侧边-->
<div class="right_ng">
    <!--111111111111111111-->
    <div class="sign">
        <img th:src="@{/static/img/person.png}">
        <div class="run_sign">
            <span><b><a th:href="@{/myVault}">个人中心</a></b></span>
        </div>
    </div>
    <!--222222222222222222222-->
    <div class="sign sign_top">
        <img th:src="@{/static/img/购物车.png}">
        <div class="run_sign">
            <span><a th:href="@{/myVault}">我的购物车</a></span>
        </div>
    </div>
    <!--33333333333333-->
    <div class="sign sign_top">
        <img th:src="@{/static/img/关注.png}">
        <div class="run_sign">
            <span><a th:href="@{/myVault}">我的收藏</a></span>
        </div>
    </div>
    <!--5555555555555555-->
    <div class="sign sign_top">
        <img th:src="@{/static/img/反馈意见.png}">
        <div class="run_sign">
            <span><a th:href="@{/myVault}">反馈意见</a></span>
        </div>
    </div>
</div>
<!--秒杀内容-->
<div class="pin-body">
    <div class="pin-body-header">
        <span><b>全部品牌秒杀</b></span>&nbsp;
        <span><b>></b></span>&nbsp;
        <span>旺旺零食</span>
    </div>
    <div class="pin-body-picture">
        <img class="pin-body-picture-big" th:src="@{/static/img/旺旺大图片.jpg}">
        <div class="pin-body-left">
            <div class="pin-body-left-one"><img class="pin-body-picture-small" th:src="@{/static/img/旺旺.jpg}"></div>
            <div class="pin-body-left-two"><span>旺旺零食</span></div>
            <div class="pin-body-left-three"><span><b>低至99减30</b></span></div>
        </div>
    </div>
    <div class="pin-story">
        <div class="pin-story-left">
            <img th:src="@{/static/img/品牌故事.png}">
        </div>
        <div class="pin-story-right">
            <span>在快消食品百家争鸣、百花齐放的时代，旺旺集团20多年来秉持着重质量重安
                全的原则进行每一个产品的生产，同时结合市场的变迁迎合广大消费者各个群体研发、
                生产高质量的产品，从日常休闲零食、牛奶、饮料，旺旺产品跨足各产品领域，满足
                消费者全面的需求并提供产品品质的安心。</span>
        </div>
    </div>
    <div class="pin-goods">
        <div class="pin-goods-goods">
            <div class="pin-goods-content">
                <img th:src="@{/static/img/pin1.jpg}"><br>
                <span><a href="javascript:;">旺旺巨型零食大礼包网红爆款送女友送朋友生日礼物520肩扛大零食</a></span><br>
            </div>
            <div class="pin-goods-bottom">
                <div class="pin-goods-bottom-left">
                    <span class="pin-goods-left-span1">￥<a href="javascript:;">198</a></span>
                    <span class="pin-goods-left-span2">￥258</span><br>
                    <span class="pin-goods-left-span3">已售17%</span>
                    <div class="pin-goods-speed">
                        <div class="pin-goods-speed-inner" style="width: 17%"></div>
                    </div>
                </div>
                <a href="javascript:;" class="pin-goods-bottom-right"><span>立即抢购</span></a>
            </div>
        </div>
        <div class="pin-goods-goods">
            <div class="pin-goods-content">
                <img th:src="@{/static/img/pin2.jpg}"><br>
                <span><a href="javascript:;">旺旺巨型零食大礼包网红爆款送女友送朋友生日礼物520肩扛大零食</a></span><br>
            </div>
            <div class="pin-goods-bottom">
                <div class="pin-goods-bottom-left">
                    <span class="pin-goods-left-span1">￥<a href="javascript:;">10.9</a></span>
                    <span class="pin-goods-left-span2">￥12</span><br>
                    <span class="pin-goods-left-span3">已售29%</span>
                    <div class="pin-goods-speed">
                        <div class="pin-goods-speed-inner" style="width: 29%"></div>
                    </div>
                </div>
                <a href="javascript:;" class="pin-goods-bottom-right"><span>立即抢购</span></a>
            </div>
        </div>
        <div class="pin-goods-goods">
            <div class="pin-goods-content">
                <img th:src="@{/static/img/pin3.jpg}"><br>
                <span><a href="javascript:;">旺旺巨型零食大礼包网红爆款送女友送朋友生日礼物520肩扛大零食</a></span><br>
            </div>
            <div class="pin-goods-bottom">
                <div class="pin-goods-bottom-left">
                    <span class="pin-goods-left-span1">￥<a href="javascript:;">10.9</a></span>
                    <span class="pin-goods-left-span2">￥12</span><br>
                    <span class="pin-goods-left-span3">已售33%</span>
                    <div class="pin-goods-speed">
                        <div class="pin-goods-speed-inner" style="width: 33%"></div>
                    </div>
                </div>
                <a href="javascript:;" class="pin-goods-bottom-right"><span>立即抢购</span></a>
            </div>
        </div>
        <div class="pin-goods-goods">
            <div class="pin-goods-content">
                <img th:src="@{/static/img/pin4.jpg}"><br>
                <span><a href="javascript:;">旺旺巨型零食大礼包网红爆款送女友送朋友生日礼物520肩扛大零食</a></span><br>
            </div>
            <div class="pin-goods-bottom">
                <div class="pin-goods-bottom-left">
                    <span class="pin-goods-left-span1">￥<a href="javascript:;">39</a></span>
                    <span class="pin-goods-left-span2">￥45</span><br>
                    <span class="pin-goods-left-span3">已售50%</span>
                    <div class="pin-goods-speed">
                        <div class="pin-goods-speed-inner" style="width: 50%"></div>
                    </div>
                </div>
                <a href="javascript:;" class="pin-goods-bottom-right"><span>立即抢购</span></a>
            </div>
        </div>
        <div class="pin-goods-goods">
            <div class="pin-goods-content">
                <img th:src="@{/static/img/pin5.jpg}"><br>
                <span><a href="javascript:;">旺旺巨型零食大礼包网红爆款送女友送朋友生日礼物520肩扛大零食</a></span><br>
            </div>
            <div class="pin-goods-bottom">
                <div class="pin-goods-bottom-left">
                    <span class="pin-goods-left-span1">￥<a href="javascript:;">10.9</a></span>
                    <span class="pin-goods-left-span2">￥12</span><br>
                    <span class="pin-goods-left-span3">已售33%</span>
                    <div class="pin-goods-speed">
                        <div class="pin-goods-speed-inner" style="width: 33%"></div>
                    </div>
                </div>
                <a href="javascript:;" class="pin-goods-bottom-right"><span>立即抢购</span></a>
            </div>
        </div>
        <div class="pin-goods-goods">
            <div class="pin-goods-content">
                <img th:src="@{/static/img/pin6.jpg}"><br>
                <span><a href="javascript:;">旺旺巨型零食大礼包网红爆款送女友送朋友生日礼物520肩扛大零食</a></span><br>
            </div>
            <div class="pin-goods-bottom">
                <div class="pin-goods-bottom-left">
                    <span class="pin-goods-left-span1">￥<a href="javascript:;">10.9</a></span>
                    <span class="pin-goods-left-span2">￥12</span><br>
                    <span class="pin-goods-left-span3">已售33%</span>
                    <div class="pin-goods-speed">
                        <div class="pin-goods-speed-inner" style="width: 33%"></div>
                    </div>
                </div>
                <a href="javascript:;" class="pin-goods-bottom-right"><span>立即抢购</span></a>
            </div>
        </div>
        <div class="pin-goods-goods">
            <div class="pin-goods-content">
                <img th:src="@{/static/img/pin7.jpg}"><br>
                <span><a href="javascript:;">旺旺巨型零食大礼包网红爆款送女友送朋友生日礼物520肩扛大零食</a></span><br>
            </div>
            <div class="pin-goods-bottom">
                <div class="pin-goods-bottom-left">
                    <span class="pin-goods-left-span1">￥<a href="javascript:;">10.9</a></span>
                    <span class="pin-goods-left-span2">￥12</span><br>
                    <span class="pin-goods-left-span3">已售33%</span>
                    <div class="pin-goods-speed">
                        <div class="pin-goods-speed-inner" style="width: 33%"></div>
                    </div>
                </div>
                <a href="javascript:;" class="pin-goods-bottom-right"><span>立即抢购</span></a>
            </div>
        </div>
        <div class="pin-goods-goods">
            <div class="pin-goods-content">
                <img th:src="@{/static/img/pin8.jpg}"><br>
                <span><a href="javascript:;">旺旺巨型零食大礼包网红爆款送女友送朋友生日礼物520肩扛大零食</a></span><br>
            </div>
            <div class="pin-goods-bottom">
                <div class="pin-goods-bottom-left">
                    <span class="pin-goods-left-span1">￥<a href="javascript:;">10.9</a></span>
                    <span class="pin-goods-left-span2">￥12</span><br>
                    <span class="pin-goods-left-span3">已售33%</span>
                    <div class="pin-goods-speed">
                        <div class="pin-goods-speed-inner" style="width: 33%"></div>
                    </div>
                </div>
                <a href="javascript:;" class="pin-goods-bottom-right"><span>立即抢购</span></a>
            </div>
        </div>
    </div>
</div>
<!--底部-->
<div th:replace="/like/likeFooter::foot"></div>
<!--返回顶部-->
<div th:replace="/like/return-top::top"></div>
</body>
<script th:src="@{static/js/jquery-3.3.1.min.js}"></script>
<script th:src="@{static/js/index.js}"></script>
<script th:src="@{../../static/js/likeFooter.js}"></script>
</html>